@charset "utf-8";



body{margin:0; padding:0px; font-size:12px;    font-family: '微软雅黑',   Arial, Helvetica, sans-serif;  line-height:24px;     }



a {text-decoration:none;



  color: #333;



  -webkit-transition: color 300ms, background-color 600ms;



  -moz-transition: color 300ms, background-color 600ms;



  -ms-transition: color 300ms, background-color 600ms;



  -o-transition:  color 300ms, background-color 600ms;



  transition:  color 300ms, background-color 600ms;



}







a:hover, a:focus {



  color: #333;



   



}



div,ul,li,h2,h3,h4,dl,dd,dt,tr,td,p{margin:0; padding:0;}



ul,li{list-style:none;}



img{ border:0; }



.clear {clear:both;height:0;font-size: 1px;line-height: 0px;} 









#top{   
    }

#top .top{ width:100%;background:#1c1c1a; border-bottom:#CCC 1px solid; height:15px;}

#top .c{ width:1170px; margin:0 auto; }

#top .c .left{ float:left; width:359px;}
#top .c .right{ float:right; width:674px;}


#contact{}
#contact .c1{ width:1170px; margin:20px auto; }
#contact .c1 h2{ text-align:center; border-bottom:#d8d8d8 1px solid; background:url(../images/index_08.jpg) 50% 90% no-repeat; padding:10px 0 25px 0; font-size:30px; color:#C00; width:30%; margin:0 auto;}
#contact .c2{ background:url(../images/index_15.jpg) top center no-repeat; height:544px; }
#contact .c2 .c{ width:1170px; margin:0 auto;}
#contact .c2 .c .right{ float:right; width:554px; color:#CCC; padding-top:80px;} 
#contact .c2 .c .right h2{ color:#900; font-size:35px; border-bottom: #900 1px dashed; padding-bottom:20px; margin-bottom:10px;}

#contact .c3{ width:1170px; margin:20px auto; padding:80px 0; }
#contact .c3 h2{ text-align:center; border-bottom:#d8d8d8 1px solid; background:url(../images/index_08.jpg) 50% 90% no-repeat; padding:10px 0 25px 0; font-size:30px; color:#C00; width:30%; margin:0 auto;}
#contact .c3 .c{ text-align:center; width:500px; margin:10px auto; color:#666;}

#contact .c4{ background:url(../images/bj.jpg) top center no-repeat; background-color:#252627; padding-top:50px; }
#contact .c4 h2{ text-align:center; border-bottom:#d8d8d8 0px solid; background:url(../images/index_08.png) 50% 90% no-repeat; padding:10px 0 25px 0; font-size:30px; color:#C00; width:30%; margin:0px auto;}
#contact .c4 span{ width:500px; margin:0 auto; color:#ccc; display:block;}
#contact .c4 .c{ width:918px; margin:20px auto; padding-bottom:50px;}
#contact .c4 .c1{ width:918px; margin:0px auto; padding-bottom:50px;}
#contact .c5{ width:1170px;margin:100px auto; line-height:30px; font-size:14px;}
#contact .c5 .left{ width:1166px; float:left;}
#contact .c5 .left span{ float:right;  }
#contact .c5 .left h2{ font-size:25px; font-weight:bold; color:#d72300; border-bottom:#CCC 1px solid; padding-bottom:10px;}
#contact .c5 .left .cc{}
#contact .c5 .left .cc .ccc{ background:url(../images/news.jpg) top center no-repeat; width:372px; height:157px; margin:10px 0; padding-top:3px;}
#contact .c5 .left .cc .ccc .cccc{ width:70px;  background:
rgba(0,0,0,0.6); border:#686868 1px solid; margin:10px 0 0 10px; display:block; color:#FFF; text-align:center;}


#contact .c5 .left1{ width:100%; float:left;}
#contact .c5 .left1 span{ float:right;  }
#contact .c5 .left1 h2{ font-size:25px; font-weight:bold; color:#d72300; border-bottom:#CCC 1px solid; padding-bottom:10px;}
#contact .c5 .left1 .cc{}
#contact .c5 .left1 .cc .ccc{ background:url(../images/news.jpg) top center no-repeat; width:372px; height:157px; margin:10px 0; padding-top:3px;}
#contact .c5 .left1 .cc .ccc .cccc{ width:70px;  background:
rgba(0,0,0,0.6); border:#686868 1px solid; margin:10px 0 0 10px; display:block; color:#FFF; text-align:center;}

#contact .c5 .left li{ display: block; font-size: 12px; border-bottom: #CCC 1px dotted;}




#contact .c5 .right{ width:370px; float:right;}
#contact .c5 .right span{ float:right;  }
#contact .c5 .right h2{ font-size:25px; font-weight:bold; color:#d72300; border-bottom:#CCC 1px solid; padding-bottom:10px;}




#foot{ width:100%;  padding:20px 0; text-align:center; font-size:12px; color:#666; background:#000; }
#foot:hover{ color:#CCC;}



#contact .prolist #left{ width:220px; float: left; margin-right: 50px; padding:0;}
#contact .prolist #left ul {list-style: none;  }
#contact .prolist #left ul li {  border:#cd1a00 1px solid;  float: none; margin:10px 0 0 10px;  }
#contact .prolist #left ul li a {display:block;font-size:15px; padding:5px;color: #cd1a00; }
#contact .prolist #left ul li a:hover {   color: #FFF;  background:url(../images/index_22.png) #cd1a00 center left no-repeat; background-position: 15px 15px;}

#contact .prolist #left ul li.s{ background:url(../images/index2_17.jpg) 15px 50% no-repeat; border-bottom:#999 1px solid; margin-left:0px; width:100%;  }

#contact .prolist #left ul li.s a{  color: #000000; font-size:14px; font-weight:normal; }


#contact .prolist #left ul li{ background:url(../images/index_21.png) center left no-repeat; background-position: 15px 15px;}
#contact .prolist #left ul li:hover{ background:url(../images/index_22.png) center left no-repeat; background-position: 15px 15px;}

#contact .prolist #left ul li.fl{ padding:5px; background:#cd1a00; color:#fff; font-size:16px; text-align:center;}
#contact .prolist #left ul li a{ padding:5px 5px 5px 30px;}





#pro { width:900px; float:left;}
#pro ul {list-style: none;  }
#pro ul li {  display:block; width:270px; float:left;  margin-left:10px; margin-bottom:10px;
border:#CCC 1px solid; text-align:center;    }
#pro ul li a {display:block; color: #363636;   }
#pro ul li a:hover { display:block;  color: #FFF;  background-color: #304198;}
#pro .word{   line-height:35px; height:35px; margin:5px 0; font-size:16px;}

.products{width: 258px;  
height: auto;  

overflow:hidden;

margin:5px auto;}  
.products img{  cursor: pointer;border: #dadada solid 1px;
width:256px;  
transition: all 0.6s; }  
.products img:hover{  transform: scale(1.4);  }  



.indexpro{ width:1170px !important;    margin-top: 20px;}




#foot-menu{width:140px; padding-right:10px; float:left; }
#foot-menu ul {list-style: none;  }
#foot-menu ul li { color: #bebebe; width:136px; margin-right:10px; margin-bottom:5px;padding-left:10px;   }
#foot-menu ul li a {display:block;font-size:12px; color: #bebebe; text-align:left;padding-left:0px;  }
#foot-menu ul li a:hover {   color: #fff;background-color: #000;}
#foot-menu ul li.s{ background:url(../images/index2_24.jpg) left 50% no-repeat; font-size:15px; font-weight:bold; color:#CCCCCC; padding-left:15px;}


#left{ width:448px; margin:0 auto; padding-left:30px; }
#left ul {list-style: none;  }
#left ul li {   float:left; border:#cd1a00 1px solid;   margin:10px 0 0 10px;  }
#left ul li a {display:block;font-size:15px; padding:5px;color: #cd1a00; }
#left ul li a:hover {   color: #FFF;  background-color:#cd1a00; }

#left ul li.s{ background:url(../images/index2_17.jpg) 15px 50% no-repeat; border-bottom:#999 1px solid; margin-left:0px; width:100%;  }

#left ul li.s a{  color: #000000; font-size:14px; font-weight:normal; }







#menu-index {width:100%;  margin:0 auto; }
#menu-index ul {list-style: none;  }
#menu-index ul li {width:112px; height:79px;line-height:79px;   float:left;  display:block; color: #000;font-size:18px;   }
#menu-index ul li a {display: block;height:79px; line-height:79px;font-size:18px; text-align:center;  color: #000;   }
#menu-index ul li a:hover { display:block; height:79px; line-height:79px; font-weight:bold; color: #FFF; background: #cd1a00;  }
#menu-index ul li a#current { font-weight:bold; color:#000;height:79px; line-height:79px; }
















#pro-1 { width:100%; margin:0 auto;    }



#pro-1 ul {list-style: none;  }



#pro-1 ul li {  display:block;   float:left;  border:#13375a 3px solid; margin-left:10px; width:294px; margin-bottom:10px;    }



#pro-1 ul li a {display:block; color: #363636; text-align:center; }



#pro-1 ul li a:hover { display:block;  color: #FFF;   }

#pro-1 H2{ text-align:center; color:#00336d; padding:10px; font-size:18px;}



.products1{

	     

            width: 294px;  



            height: 297px;  



            border: #000 solid 0px;

			overflow:hidden;

			

			



           



			}  



.products1 img{  



                cursor: pointer;  



                transition: all 0.6s;  



            }  



.products1 img:hover{  



                transform: scale(1.4);  



            }  









#news { width:100%; margin:10px auto;   }



#news ul {list-style: none;  }



#news ul li {  display:block; width:98%;      margin-bottom:10px; border:#CCC 1px dotted; background:#FFF;font-size:12px;   }



#news ul li a {display:block; color: #000; font-size:12px;padding:5px; }



#news ul li a:hover { display:block;   background-color: #ededed; }




#news1 {    }



#news1 ul {list-style: none;  }



#news1 ul li {  display:block; width:100%;      margin-bottom:10px; border-bottom:#CCC 1px dotted; font-size:12px;  }



#news1 ul li a {display:block; color: #000; font-size:12px; }



#news1 ul li a:hover { display:block; color: #0d0d0d;   background-color: #ededed; }









.f1{ font-size:16px;  color: #d72300; padding-top:15px;   }



.f1 a { font-size:16px;  color: #d72300; }



.f1 a hover{ color: #d72300; font-size:16px;}















.f2{ font-size:20px; font-weight:bold; color: #ec5013;  display:block;  }











.word2{ font-size:20px; font-weight:bold; color: #ccc;  display:block;text-align:center;  }



.word2 a{ color:#ccc; font-size:20px;font-weight:bold;  }



.word2 a:hover{ color: #ccc;font-size:20px; font-weight:bold; }











.more{ font-size:14px;  color: #900; display:block;  width:20%; text-align:center; border:#900 1px solid; font-weight:bold;  margin:10px 0;   }



.more a{ color: #900; font-size:14px; display:block;padding:0px; text-align:center; border:#900 1px solid; }



.more a:hover{ color: #fff; font-size:14px; background: #900; display:block; }





.more1{ font-size:14px;  color: #fff; display:block;  width:25%; text-align:center; border:#CCC 1px solid; font-weight:bold; background:url(../../images/index_28.jpg) top center no-repeat; margin-top:20px; height:42px; line-height:42px;    }



.more1 a{ color: #fff; font-size:14px; display:block;padding:0px; text-align:center; border:#FFF 1px solid; }



.more1 a:hover{ color: #fff;  }









.bt{ font-size:16px; font-weight:bold;  color:#fff;  display:block;  padding:5px; margin-top:10px; background:url(../../images/gallery_button_right.png) 5px 50% no-repeat; background-color: #a71700 ; padding-left:30px;   }



.bt a{ color: #fff; font-size:16px; display:block;padding:0px; border:#FFF 1px solid; }



.bt a:hover{ color: #fff; font-size:14px; background: #000; display:block; }











.f2-1{ color: #858585; font-size:12px; text-align:center;  }
.f2-1 a{ color:#858585; font-size:12px;}
.f2-1 a:hover{ color: #858585;  }
.f2-2{ font-size:18px; font-weight:bold; color:#c73a1c; margin-top:20px;     border-bottom:#c6c6c6 1px solid; text-align:center;  }
.f2-3{ font-size:25px; font-weight:bold; color:#c73a1c; margin-top:10px; padding-bottom:10px;     border-bottom:#686868 1px solid; text-align:center;  }




.banner{height:549px;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{display:none;}
.bann_ext{position:relative;}
.frontCover{position:absolute;bottom:20px;left:45%;}
.frontCover li{float:left;width:15px;padding:0px;background:#ccc;color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; border-radius:50%;}
.frontCover .img{position:relative;width:15px;height:15px;overflow:hidden;}
.frontCover img{position:absolute;width:0px;height:0px;left:-50px;}
.frontCover .open{background:#e60013;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}



.page{float:left;margin:20px 0;text-align:center;width:100%;}
.page a{border:1px solid #000;padding:4px 6px;font-size:12px; color:#000;}
.page .thispage{padding:4px 6px;background:#000;font-size:12px;color:#fff;}




#contact .c5 .left1 .cc a{color:#000;}




.subbutton
{
	padding:4px 10px;
	border:1px solid #ccc;
	font-size:12px;
	background:#fff;
	vertical-align:center;
}


.newstext
{
	margin-bottom:20px;}
.newstext h2{
	text-align:center;
}
.newstext .info
{
	width:100%;
	height:40px;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
	margin-bottom:10px;
}
#contact .c1 .newstext h2{ font-size:14px; color:#000; background:none; font-weight:normal; padding:0; border:none; line-height:36px;}
#pro .newstext ul li{ width:278px; margin:5px auto; float:none;}
#pro .newstext ul li:hover h2{ color:#fff;}

.newspagechange .pagechangel, .newspagechange .pagechanger{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:10px;}
.newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000;}



.propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left;}
.propagechange .pagechangeleft{ float:right; margin-right:10px;}
.propagechange .pagechangeright{ float:left; margin-left:10px;}
.propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px;}
.propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000;}




.detail {
    border: 1px solid #ddd;
    padding: 10px;
    line-height: 12px;
    border-top: 2px solid #cd1a00;
	font-size:14px;
	margin-bottom: 10px;
}
.detail a{ color:#000;}


/*相关样式*/
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}